<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="it" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<title>Homepage catena cinematografica Hesperia</title>
	<meta name="author" content="Morris Antonello"/>
	<meta http-equiv="Content-type" content="text/html" />
	
	<link rel="shortcut icon" href="css/images/favicon.ico" />
	<link rel="stylesheet" href="css/style_global.css" type="text/css" media="all" />

	<script type="text/javascript" src="jQuery/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/simplegallery.js">

	/***********************************************
	* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
	* This notice MUST stay intact for legal use
	* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
	***********************************************/

	</script>
    
</head>
<body>
	<div id="wrapper">
	    <h1 id="logo"><a href="index.jsp" title="Hesperia.com" ></a></h1>
		<!-- LOGIN MENU -->
		<jsp:include page="login_menu.jsp"/>
		<!-- End LOGIN MENU -->
		<!-- MENU -->
		<jsp:include page="nav_menu.jsp?codicePagina=Homepage"/>
		<!-- End MENU -->
	    <div class="shell">
	        <!-- Main -->
	        <div id="main">
	            <!-- Box-Holder-->
	            <div class="box-holder">
		            <div class="box-top"></div>
		                <div class="box">
							<!-- Slider -->
		                    <div id="simplegallery1"></div>
						    <!-- End Slider -->
					    </div>
		            <div class="box-bottom"></div>
		        </div>
	            <!-- End Box-Holder -->
	        </div>
	        <!-- End Main -->
		</div>
		<!-- End Shell -->
		<!-- Footer -->
		<jsp:include page="footer.html"/>
		<!-- end Footer -->
	</div>
	<!-- End Wrapper -->
	
	<script type="text/javascript">
		$(document).ready(function() {
			var mygallery=new simpleGallery({
				wrapperid: "simplegallery1", //ID of main gallery container,
				dimensions: [250, 371], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
				imagearray: [
					<jsp:include page="../slideshow"/>
				],		
				/*imagearray: [
					["/ICineasti-1.00/image?id=2", "http://en.wikipedia.org/wiki/Swimming_pool", "_new", "There's nothing like a nice swim in the Summer."],
					["/ICineasti-1.00/image?id=3", "http://en.wikipedia.org/wiki/Cave", "", ""],
					["/ICineasti-1.00/image?id=4", "", "", "Eat your fruits, it's good for you!"],
					["/ICineasti-1.00/image?id=5", "", "", ""]
				],*/
				autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
				persist: false, //remember last viewed slide and recall within same session?
				fadeduration: 500, //transition duration (milliseconds)
				oninit:function(){ //event that fires when gallery has initialized/ ready to run
					//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
				},
				onslide:function(curslide, i){ //event that fires after each slide is shown
					//Keyword "this": references current gallery instance
					//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
					//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
				}
			});
		});	
	</script>
</body>
</html>
